<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>07_表单</title>
</head>
<body>

<form action="#">
<!-- input是表单的输入控件-->

    姓名1：<input type="text" name="uname1"><br>
    姓名2：<input type="text" name="uname2" placeholder="请输入用户名"><br>
    姓名3：<input type="text" name="uname3" value="kk"><br>
    姓名4：<input type="text" name="uname4" value="kk" readonly><br>
    姓名5：<input type="text" name="uname5" value="kk" disabled><br>
    密码：<input type="password" name="upwd"><br>
    性别：
    <input type="radio" name="gender" value="1">男
    <input type="radio" name="gender" value="0" checked>女
    <br>
    爱好：
    <input type="checkbox" name="hobby" value="zq">足球
    <input type="checkbox" name="hobby" value="lq" checked>篮球
    <input type="checkbox" name="hobby" value="pq">排球
    <input type="checkbox" name="hobby" value="bq" checked>冰球
    <br>
<!--    h5新增的表单控件-->
    颜色：<input type="color" name="color"><br>
    文件：<input type="file" name="file"><br>
    日期：<input type="date" name="date"><br>
    范围：<input type="range" name="range"><br>
    <hr>
    <input type="submit" value="点我就提交了">
    <input type="reset" value="点我就重置了">
    <input type="button" value="我是普通按钮">
    <button>我是普通按钮</button>
    <hr>
    喜欢的城市：
    <select name="city">
        <option value="bj">北京</option>
        <option value="sz" selected>深圳</option>
        <option value="sh">上海</option>
        <option value="gz">广州</option>
    </select>
    <br>
    留言板：
    <textarea name="msg" style="resize: none" cols="30" rows="10"></textarea>
    <hr>
<!--    关联标签-->
    <input type="checkbox" id="ok">
    <label for="ok">我同意以上的协议</label>
    <br>
    <label for="nn">昵称：</label>
    <input type="text" id="nn" name="nickname">



    <br>

    <input type="submit">
</form>




</body>
</html>